<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../CSS/16.2Combat-drills.css">
</head>
<body>
<div class="order">
    <form action="#">
        <h2>商品订购单</h2>
        <p>
            <span>产品名称</span>
            <select name="" id="" class="productname">
                <option selected>--请选择--</option>
                <option value="">小米音响</option>
                <option value="">小米手机</option>
                <option value="">小米手环</option>
                <option value="">小米扫地机</option>
                <option value="">小米耳机</option>
                <option value="">小米电视</option>
            </select>
        </p>
        <p>
            <span>订购数量</span>
            <input type="number" min="1" required>（必须填写）
        </p>
        <p>
            <span>付款方式</span>
            <input type="radio" name="payment" id="online" checked class="radio">
            <label for="online">在线支付</label>
            <input type="radio" name="payment" id="remit" class="radio">
            <label for="online">银行汇款</label>
            <input type="radio" name="payment" id="cash" class="radio">
            <label for="online">现金支付</label>
            <input type="radio" name="payment" id="check" class="radio">
            <label for="online">支票支付</label>
        </p>
        <p>
            <span>快递选择</span>
            <input type="text" name="express" list="expresslist" required>（必须填写）
            <datalist id="expresslist">
                <option value="">顺丰快递</option>
                <option value="">圆通快递</option>
                <option value="">申通快递</option>
            </datalist>
        </p>
        <p>
            <span>买家留言</span>
            <label>
                <textarea name="content" cols="40" rows="5" placeholder="给卖家留言……"></textarea>
            </label>
        </p>
        <p>
            <span>您的姓名</span>
            <input type="text" required pattern="^[\u4e00-\u9fa8]{0,}$">（必须填写）
        </p>
        <p>
            <span>邮寄地址</span>
            <input type="text" required>（必须填写）
        </p>
        <p>
            <span>手机号码</span>
            <input type="tel" required pattern="^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|4|5|6|7|8|9]$">（必须填写）
        </p>
        <p>
            <span>Email地址</span>
            <input type="email" required>（必须填写）
        </p>
        <p id="btn">
            <input type="submit" value="提交">
            <input type="reset" value="重置">
        </p>
    </form>
</div>
</body>
</html>